<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/jquery.bigautocomplete.css" type="text/css" />
<title>jQuery实现仿搜索引擎文本框自动补全自动完成插件 - JS代码网</title>


<!--JS代码网顶部CSS-->
<style type="text/css">
*{margin:0px;font-size:12px;}
</style>

<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/jquery.bigautocomplete.js"></script>
	<script type="text/javascript">
		$(function(){
			
			$("#tt").bigAutocomplete({width:604,data:[{title:"中国好声音",result:{ff:"qq"}},{title:"中国移动网上营业厅",id:"3"},{title:"中国银行",id:"5"},{title:"中国移动",id:"6"},{title:"中国好声音第三期",id:"9"},{title:"中国好声音 第一期",id:"10"},{title:"中国电信网上营业厅",id:"11"},{title:"中国工商银行",id:"12"}],callback:function(data){
				alert(data.title+data.id);
				
			}});
			
		
		})
	</script>

</head>
<body>
<!--JS代码网头部-->
<div class="back" style="margin-bottom:20px;"> 
 
 </div>
<!--JS代码网头部-->
<br /><br /><br />
<center>
	自定义下拉框宽度，列表为：中国好声音、中国移动网上营业厅、中国银行、中国移动、中国好声音第三期、中国好声音 第一期、中国电信网上营业厅、中国工商银行、中国好声音第二期、中国地图
	<br/>
	<br/>
	<br/>
	<br/>
	<br/>
	<br/>
	<input type="text" id="tt" style="width:600px;height:30px; line-height:30px;font-size:15px; border:2px #CCCCCC solid;" />		
</center>	
</body>
</html>
